<template>
  <Icon :size="size" :color="color" class="x-icon">
    <slot name="default"></slot>
  </Icon>
</template>

<script setup lang="ts">
import { Icon } from '@vicons/utils'
defineOptions({
  name: 'XIcon'
})

/** Props */
interface Props {
  size?: string | number
  color?: string
}
defineProps<Props>()
</script>

<style lang="scss" scoped>
.x-icon {
  vertical-align: middle;
  transform: translateY(-2px);
}
</style>
